<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>harry</title>
    <link href="./favicon.ico" rel="shortcut icon">
    <link rel="stylesheet" href="./bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <script src="./bootstrap-3.4.1-dist/js/jquery-3.6.1.js"></script>
    <script src="./bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
</head>

<style>
    .wrapper{
        margin: 0 auto;
        width: 66vw;
    }
    h1 small{
        font-size: 40%;
        color: #6699ff;
    }

</style>

<body>

<div class="wrapper">
    <div class="page-header">
        <h1 style="font-family: Consolas">welcome<br>
            <small style="font-family: Consolas">学号：2220317101</small>&nbsp;
            <small style="font-family: Consolas">姓名：陈林杰</small>
        </h1>
    </div>

    <h3>作业列表：</h3><br>
<!--    <div class="progress">-->
<!--        <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 94%;">-->
<!--            16/17-->
<!--        </div>-->
<!--    </div>-->

    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
        <div class="panel panel-default">
            <div class="panel-heading" role="tab" id="headingOne">
                <h4 class="panel-title">
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                        《Web前端开发技术——H5、C3、JS》(复习)
                    </a>
                </h4>
            </div>
            <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
                <ul class="list-group">
                    <li class="list-group-item">
                        <a href="./ChapterOne/index.html">01 Web前端开发技术综述 例题(作业)</a>
                    </li>
                    <li class="list-group-item">
                        <a href="./ChapterTwo/index.html">02 HTML基础 例题(作业)</a>
                    </li>
                    <li class="list-group-item">
                        <a href="./ChapterThree/index.html">03 格式化文本与段落 例题(作业)</a>
                    </li>
                    <li class="list-group-item">
                        <a href="./ChapterFour/index.html">04 列表 例题(作业)</a>
                    </li>
                    <li class="list-group-item">
                        <a href="./Chapter5/index.html">05 超链接与浮动框架 例题(作业)</a>
                    </li>
                    <li class="list-group-item">
                        <a href="./Chapter6/index.html">06 图像与多媒体文件 例题(作业)</a>
                    </li>
                    <li class="list-group-item">
                        <a href="./Chapter7/index.html">07 CSS基础 例题(作业)</a>
                    </li>
                    <li class="list-group-item">
                        <a href="./Chapter8/index.html">08 DIV与SPAN 例题(作业)</a>
                    </li>
                    <li class="list-group-item">
                        <a href="./Chapter9/index.html">09 CSS样式属性 例题(作业)</a>
                    </li>
                    <li class="list-group-item">
                        <a href="./Chapter10/index.html">10 DIV CSS页面布局 例题(作业)</a>
                    </li>
                    <li class="list-group-item">
                        <a href="./Chapter11/index.html">11 表格 例题(作业)</a>
                    </li>
                    <li class="list-group-item">
                        <a href="./Chapter12/index.html">12 表单 例题(作业)</a>
                    </li>
                    <li class="list-group-item">
                        <a href="./Chapter13/index.html">13 HTML5基础与CSS3应用 例题(作业)</a>
                    </li>
                    <li class="list-group-item">
                        <a href="./Chapter14/index.html">14 JavaScript基础 例题(作业)</a>
                    </li>
                    <li class="list-group-item">
                        <a href="./Chapter15/index.html">15 JavaScript事件处理例题(作业)</a>
                    </li>
                    <li class="list-group-item">
                        <a href="./Chapter16/index.html">16 BOM与DOM模型md2例题(作业)</a>
                    </li>
                    <li class="list-group-item">
                        <a href="./Chapter17/index.html">17 HTML5高级应用例题(作业)
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- vue -->
        <div class="panel panel-default">
            <div class="panel-heading" role="tab" id="heading2">
                <h4 class="panel-title">
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse2" aria-expanded="false" aria-controls="collapse2">
                        《Vue.js前端开发实战》
                    </a>
                </h4>
            </div>
            <div id="collapse2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading2">
                <ul class="list-group">
                    <li class="list-group-item">
                        <a href="./vuecourse/ch1/demo01.html">01 Vue基础入门</a>
                    </li>
                    <li class="list-group-item">
                        <a href="./vuecourse/ch2/index.html">02 Vue开发基础（上）</a>
                    </li>
<!--                    <li class="list-group-item">-->
<!--                        <a href="./vuecourse/ch3/index.html">03 格Vue开发基础（下）</a>-->
<!--                    </li>-->
<!--                    <li class="list-group-item">-->
<!--                        <a href="./vuecourse/ch4/index.html">04 Vue过渡动画</a>-->
<!--                    </li>-->
<!--                    <li class="list-group-item">-->
<!--                        <a href="./vuecourse/ch5/index.html">05 Vue路由</a>-->
<!--                    </li>-->
<!--                    <li class="list-group-item">-->
<!--                        <a href="./vuecourse/ch6/index.html">06 Vuex状态管理</a>-->
<!--                    </li>-->
<!--                    <li class="list-group-item">-->
<!--                        <a href="./Chapter7/index.html">07 CSS基础 例题(作业)</a>-->
<!--                    </li>-->
<!--                    <li class="list-group-item">-->
<!--                        <a href="./Chapter8/index.html">08 DIV与SPAN 例题(作业)</a>-->
<!--                    </li>-->
<!--                    <li class="list-group-item">-->
<!--                        <a href="./Chapter9/index.html">09 CSS样式属性 例题(作业)</a>-->
<!--                    </li>-->
<!--                    <li class="list-group-item">-->
<!--                        <a href="./Chapter10/index.html">10 DIV CSS页面布局 例题(作业)</a>-->
<!--                    </li>-->
<!--                    <li class="list-group-item">-->
<!--                        <a href="./Chapter11/index.html">11 表格 例题(作业)</a>-->
<!--                    </li>-->
<!--                    <li class="list-group-item">-->
<!--                        <a href="./Chapter12/index.html">12 表单 例题(作业)</a>-->
<!--                    </li>-->
<!--                    <li class="list-group-item">-->
<!--                        <a href="./Chapter13/index.html">13 HTML5基础与CSS3应用 例题(作业)</a>-->
<!--                    </li>-->
<!--                    <li class="list-group-item">-->
<!--                        <a href="./Chapter14/index.html">14 JavaScript基础 例题(作业)</a>-->
<!--                    </li>-->
<!--                    <li class="list-group-item">-->
<!--                        <a href="./Chapter15/index.html">15 JavaScript事件处理例题(作业)</a>-->
<!--                    </li>-->
<!--                    <li class="list-group-item">-->
<!--                        <a href="./Chapter16/index.html">16 BOM与DOM模型md2例题(作业)</a>-->
<!--                    </li>-->
<!--                    <li class="list-group-item">-->
<!--                        <a href="./Chapter17/index.html">17 HTML5高级应用例题(作业)-->
<!--                        </a>-->
<!--                    </li>-->
                </ul>
            </div>
        </div>

        <!-- 静态网页 -->
        <div class="panel panel-default">
            <div class="panel-heading" role="tab" id="headingTwo">
                <h4 class="panel-title">
                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                        final assignment
                    </a>
                </h4>
            </div>
            <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                <div class="panel-body">
                    <a href="blog/index.html">blog 小型静态网站</a>
                </div>
                <div class="panel-body">
                    <a id="shoptip" href="http://43.138.107.193:81/">shop 微商城</a>
                </div>
                <div class="panel-body">
                    <a id="shopbackgroundtip" href="http://43.138.107.193:8080/admin">shop background 微商城后台</a>
                </div>
                <div class="panel-body" id="tip">
                    <a href="http://43.138.107.193:82">cloud shop 云商城</a>
                </div>
                <div class="panel-body">
                    <a href="https://gitee.com/chenL_space/webcoursecode/blob/master/%E4%BA%91%E5%95%86%E5%9F%8E%E5%BC%80%E5%8F%91%E6%96%87%E6%A1%A3.md">云商城开发文档.md</a>
                </div>
            </div>
        </div>

        <!--意见反馈-->
        <div class="panel panel-default">
            <div class="panel-heading" role="tab" id="heading3">
                <h4 class="panel-title">
                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse3" aria-expanded="false" aria-controls="collapse3">
                        网站改进意见
                    </a>
                </h4>
            </div>
            <div id="collapse3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading3">
                <div class="panel-body">
                    <a href="http://43.138.107.193:8080/">去反馈 ></a>
                </div>
            </div>
        </div>

    </div>


</div>

<script>
    document.querySelector('#tip').onclick = function (){
        alert('建议F12切换移动端视图查看或直接使用手机体验\n默认用户名：test, 密码：123456')
    }
    document.querySelector('#shopbackgroundtip').onclick = function (){
        alert('默认用户名：admin, 密码：123456')
    }
    document.querySelector('#shoptip').onclick = function (){
        alert('建议F12切换移动端视图查看或直接使用手机体验\n默认用户名：test, 密码：123456')
    }
</script>

</body>
</html>
